<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<title>Insert title here</title>
</head>
<body>
<nav class="navbar navbar-default">
	<div class="container-fluid">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#hilang">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
			</button>
			<a class="navbar-brand" href="'.$this->hrf_img.'" ><img alt="Brand" src="'.$this->img.'" style="width:25px;height:25px">TetraSMA E-Learning </a>
		</div>
		<div class="collapse navbar-collapse" id="hilang">
			<ul class="nav navbar-nav" >
				<li><a href="pg/'.$menu.'.php">'.$menu.'</a></li>
			</ul>
			<ul class="nav navbar navbar-nav navbar-right "  >
				<li ><a data-toggle="modal" href="'.$this->link2[$index].'" id="'.$this->id2[$index].'"></a></li>
			</ul>
		</div>
	</div>					
</nav>
<div id="slideshow" class="carousel slide" data-ride="carousel" >
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#slideshow" data-slide-to="0" class="active"></li>
        <li data-target="#slideshow" data-slide-to="1"></li>
        <li data-target="#slideshow" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
    	<div class="item active" >
            <img src="datas/carousel/Desert.jpg" alt="" class="img-responsive">
            <div class="carousel-caption">
            <h3>TEST</h3>
            </div>
        </div> 
        <div class="item" >
            <img src="datas/carousel/1.jpeg" alt="hydra" class="img-responsive">
            <div class="carousel-caption">
            <h3>TEST</h3>
            </div>
        </div>
        <div class="item" >
            <img src="datas/carousel/Jellyfish.jpg" alt="hydra" class="img-responsive">
            <div class="carousel-caption">
            <h3>TEST</h3>
            </div>
        </div>
   </div>
    
    <!-- Controls -->
    <a class="left carousel-control" href="#slideshow" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
    </a>
    <a class="right carousel-control" href="#slideshow" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
    </a>
 </div>
 <!-- JQuery Core -->
		<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
		<!-- Bootstrap Javascript Core -->
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		
</body>
</html>